<template>
  <div>

    <el-row :gutter="10">

      <el-col :span="17" class="left-col">
        <div>
          <left/>

        </div>
      </el-col>

      <el-col :span="7">
        <div>
          <right/>
        </div>
      </el-col>
    </el-row>



  </div>

</template>

<script>
  import MainBodyLeft from './parts/left/MainBodyLeft';
  import MainBodyRight from './parts/right/MainBodyRight';
  export default {
    name: "MainBody",
    components: {
      'left': MainBodyLeft,
      'right': MainBodyRight,
    },
    data() {
      return {
      }
    },
    methods: {
    }
  }
</script>

<style scoped lang="less">
  div {
    height: 900px;
  }

  .left-col {
    margin-top: 30px;
  }

</style>